<template>
    <div>
        <div class="goods_nav">
            <div class="item">热门</div>
            <!-- <div class="item">女装</div> -->
            <router-link class="item" tag="div" to="">女装</router-link>
            <router-link class="item" tag="div" to="">女鞋</router-link>
            <router-link class="item" tag="div" to="">美妆</router-link>
            <router-link class="item" tag="div" to="">母婴</router-link>
            <router-link class="item" tag="div" to="">男装</router-link>
            <router-link class="item" tag="div" to="">家居</router-link>
            <router-link class="item" tag="div" to="">内衣</router-link>
            <router-link class="item" tag="div" to="">包包</router-link>
            <router-link class="item" tag="div" to="">配饰</router-link>
            <router-link class="item" tag="div" to="">食品</router-link>
        </div>
    </div>
</template>

<style lang="less" scoped>
    .goods_nav::-webkit-scrollbar {
      display: none;
    }
    .goods_nav{
        width: 100%;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        align-items: center;
        padding: 0;
        box-sizing: border-box;
        .item {
                font-size: 22px;
                height: 40px;
                line-height: 40px;
                padding: 0px 20px;
                text-align: center;
                flex-shrink: 0;
        }
    }
</style>